body{background-color: #ecedee;margin: 0;padding: 0;font-size: 16px;color: #414244;font-weight: lighter;}
a{text-decoration: none;}
.clear{clear: both;}
.fixed{position:fixed;}
.out-line{display:block;width:100%;height:0px;border-bottom:1px solid #E7E7E7;}
a {text-decoration:none;}
.position-rel{position: relative;}
.position-abs{position: absolute;}
.ver-top{vertical-align: top;}
#header{position: fixed;top: 0;height: 50px;width: 94%;padding: 0 3%;background-color: #FEFFFF;z-index: 2;}
#footer{position: fixed;bottom: 0;height: 50px;width: 100%;background-color: #F3F4F5;z-index: 2;}
#body{margin-top: 50px;}
.header-div{height: 50px;line-height: 50px;}
.header-left{float: left;font-size: 18px;}
.header-right{float: right;font-size: 14px;}
.footer-btn{width: 20%;float: left;height: 50px;color: #B9BABB;font-size: 12px;}
.footer-btn img{width: 25px;height: 25px;margin-top: 4px;}
.footer-btn .footer-btn-img{width: 25px;height: 25px;margin-top: 4px;}
.footer-release-btn img{margin-top: -10px;width: 50px;height: 50px;}
.footer-btn .active{color: #EE8888;}
#footer-margin-top{height: 55px;}
.footer-find .footer-btn-img{background: url("../image/nav_icon_1_normal.png") no-repeat;background-size: 100% 100%;}
.footer-find > .active > .footer-btn-img{background: url("../image/nav_icon_1_highlight.png") no-repeat;background-size: 100% 100%;}
.footer-dynamic .footer-btn-img{background: url("../image/nav_icon_2_normal.png") no-repeat;background-size: 100% 100%;}
.footer-dynamic > .active > .footer-btn-img{background: url("../image/nav_icon_2_highlight.png") no-repeat;background-size: 100% 100%;}
.footer-message .footer-btn-img{background: url("../image/nav_icon_3_normal.png") no-repeat;background-size: 100% 100%;}
.footer-message > .active > .footer-btn-img{background: url("../image/nav_icon_3_highlight.png") no-repeat;background-size: 100% 100%;}
.footer-me .footer-btn-img{background: url("../image/nav_icon_4_normal.png") no-repeat;background-size: 100% 100%;}
.footer-me > .active > .footer-btn-img{background: url("../image/nav_icon_4_highlight.png") no-repeat;background-size: 100% 100%;}


/*首页*/
.index-div{width: 100%;background-color: #FDFEFF;}
.index-dog-div{padding-top: 5px;}
.index-div-top{width: 96%;padding: 2%;height: 80px;}
.index-div-top-header-image{position: absolute;height: 80px;width: 80px;border-radius: 5px;}
.index-div-top-header-image>img{width: 100%;height: 100%;border-radius: 5px;}
.index-div-top-info{margin-left: 85px;}
.index-dog-name{padding-top: 3px;}
.index-dog-last-login{float: right;font-size: 12px;color: #B9BABB;}
.index-dog-info{color: #B9BABB;font-size: 12px;margin-top: 5px;border-bottom: 1px dashed #ECEDEE;padding-bottom: 5px;}
.index-dog-dynamic{color: #B9BABB;font-size: 12px;margin-top: 5px;}
.index-div-bottom{height: 30px;border-top: 1px solid #F3F4F4;width: 100%;}
.index-div-bottom>.index-div-bottom-div{height: 30px;width: 50%;float: left;line-height: 30px;font-size: 12px;color: #B9BABB;}
.index-div-bottom-box{width: 56px;}
.index-div-bottom-box .index-div-bottom-image{height: 15px;width: 15px;margin-top: 7px;float: left;}
.index-div-bottom-div .active{color: #EE8888;}
.index-like-dog .index-div-bottom-image{background: url("../image/xihuan_icon_normal.png") no-repeat;background-size: 100% 100%;}
.index-like-dog .active > .index-div-bottom-image{background: url("../image/xihuan_icon_highlight.png") no-repeat;background-size: 100% 100%;}
.index-say-dog .index-div-bottom-image{background: url("../image/sayhi.png") no-repeat;background-size: 100% 100%;}
.index-say-dog .active > .index-div-bottom-image{background: url("../image/sayhi2.png") no-repeat;background-size: 100% 100%;}
.index-div-bottom-box>div{float: left;margin-left: 2px;}


/*动态*/
.dynamic-div{width: 100%;height: auto;padding-top: 5px;}
.dynamic-top-div{width: 94%;padding: 3%;background-color: #FEFFFF;}
.dynamic-dog-header{width: 50px;height: 50px;border-radius: 25px;display: inline-block;margin-right: 5px;}
.dynamic-dog-header>img{width: 100%;height: 100%;border-radius: 25px;}
.dynamic-dog-info-box{display: inline-block;height: 50px;}
.dynamic-dog-name{margin-top: 7px;}
.dynamic-dog-info{margin-top: 8px;font-size: 14px;color: #B9BABB;}
.dynamic-dog-more-box{position: absolute;top: 22px;width: 30px;height: 30px;right: 6px;}
.dynamic-dog-more-box>img{width: 100%;height: 100%;}
.dynamic-body-div{width: 94%;padding: 0 3%;background-color: #FEFFFF;padding-bottom: 10px;}
.dynamic-body-title{color: #363838;font-size: 17px;}
.dynamic-body-text{font-size: 14px;margin-top: 10px;color: #242828;}
.dynamic-body-img{margin-top: 5px;}
.dynamic-body-img>img{max-width: 32%;}
.dynamic-bottom-div{border-top: 1px solid #F3F4F4;width: 100%;height: 30px;background-color: #FEFFFF;}
.dynamic-bottom-center{width: 100%;height: 30px;}
.dynamic-bottom-div .dynamic-bottom-btn{width: 49%;height: 30px;text-align: center;line-height: 30px;color: #B9BABB;font-size: 14px;display: inline-block;}
.dynamic-bottom-reply{border-right: 1px solid #F6F7F7;}
.dynamic-bottom-div .active{color: #EE8888;}




/*登陆*/
.center-top-title{text-align:center;width:100%;font-size:18px;line-height:50px;position:relative;}
.center-top-title .r{font-size:14px;color:#FC686B;position:absolute;right:0;}
.center-top-title .r .next{height:40px;display:block;margin-top:5px;}
.center-top-title .l{font-size:14px;color:#FC686B;position:absolute;left:0;}
.center-top-title .l .back{height:30px;display:block;margin-top:10px;}
.passport-form{display:inline-block;width:100%;}
.passport-form .input-box{background: #FFFFFF;margin-top:10px;display:inline-block;width:100%;}
.passport-form .row{padding:15px 10px;color: #626262;position:relative;}
.passport-form .row .notice{color:#DBDBDB;font-size:15px;}
.passport-form .row.btn-row{text-align:center;padding: 35px 0;}
.passport-form .row.btn-row .btn{width:90%;height:40px;border:0;background:#FB6669;color:#FFFFFF;font-size:18px;letter-spacing:3px;font-weight:100;outline:0;}
.passport-form .row input{border:0;font-size:14px;margin-left:20px;outline:0;}
.passport-form .row .forget{position:absolute;right:10px;background:#FC9326;font-size:14px;font-weight:100;line-height:30px;top:9px;color:#FFFFFF;border-radius:4px;padding:0 5px;}
.passport-form.register{margin-top:-10px;}
.passport-form.register .border-box{border: 1px solid #E7E7E7;margin:0 5px 5px 5px;border-radius:8px;}
.passport-form.register .border-box .row{padding:10px;border-top:1px solid #E7E7E7;}
.passport-form.register .border-box .row:first-child{border-top:0;}
.passport-form.register .row input{margin-left:0;}
.other-login{margin-top:20px;text-align:center;}
.other-login .line{width:90%;display:inline-block;position:relative;background:url("../image/line1.png") 50% repeat-x}
.other-login .text{display:inline-block;background:#ecedee;width:110px;color: #a1a1a1;}
.other-login .other-icon-box{margin-top:30px;}
.other-login .other-icon-box .other{margin-left:25px;}
.other-login .other-icon-box .other:first-child{margin-left:0;}
.other-login .other-icon-box .other img{width:55px;height: 55px;}
.register2-form{padding:10px;}
.register2-form .notice{font-size:15px;color:#DBDBDB}
.register2-form .notice .info{color:#2D8CC8}
.register2-form .row{border:1px solid #E7E7E7;padding:10px;margin-top:20px;border-radius:4px;position:relative;}
.register2-form .row:first-child{margin-top:10px;}
.register2-form .row span{position:absolute;}
.register2-form .row input{border:0;outline:0;width:100%;text-indent:110px;}
.register2-form .row .l{line-height:20px;position:absolute;right:3px;top:6px;font-size:14px;background:#F0F0F0;border-radius:4px;padding:3px;color:#969696}
.register2-form.last .row input{text-indent:45px;}
